<style>
    .define{
        background-color: #f6f6f6;
    }
    .container-fluid{
        padding: 0;
    }
    .define-nav{
        background-color: #FFF;
        padding: 0.39393939rem 0 0.39393939rem 0.848484rem;
    }
    .define-nav .pull-left{
        color: #666;
        display: inline-block;
        font-size: 0.54rem;
        margin-top:6px;
    }
    .define-nav .pull-right{
        margin-right: 0.909090rem;
    }
    #admin_edit_parameter{
        width: 3.272727rem;
    }
    .define-list{
        font-size: 13px;
        background-color: #FFF;
        margin-left: 0.87878787rem;
        margin-right: 0.87878787rem;
        margin-top: 0.87878787rem;
    }
    .define-list-title{
        border-bottom: 1px solid #e6e6e6;
        padding: 0.3rem 0.63636363rem;
        position: relative;
    }
    .define-list-title img{
        position: absolute;
        width: 3.9393939rem;
        right: 10px;
        top: 12%;
        vertical-align: middle;
    }
    .define-list-content{
        padding: 0 0 0.5rem 0;
    }
    .define-list-content .pull-left{
        font-size: 12px;
        border: 1px solid #e6e6e6;
        border-radius: 20px;
        padding: 0.2rem 0.590909090rem;
        margin-left: 0.87878787rem;
        margin-top: 0.5rem;
    }
    /*弹层样式*/
    .modal{
        margin: 0;
        width: 42.7%;
        min-width: 470px;
        left:30%;
    }
    .modal.fade.in{
        top: 26%;
    }
    .modal-backdrop, .modal-backdrop.fade.in{
        opacity: 0.5;
    }
    .modal-header{
        background-color: #fafafa;
        color: #1CC7BD;
        font-size: 12px;
        padding: 0.3484848rem 0.636363rem;
    }
    .modal-header img{
        position: absolute;
        top:8%;
        right: 0.636363rem;
    }
    .modal-header img:hover{
        -webkit-animation: img_hover_rotate .2s linear;
        -o-animation: img_hover_rotate .2s linear;
        animation: img_hover_rotate .2s linear;
    }
    .modal .modal-body{
        font-size: 12px;
        padding: 0;
    }
    @-webkit-keyframes img_hover_rotate {
        0%{  -webkit-transform: rotate(0deg);  }
        100%{  -webkit-transform: rotate(90deg);  }
    }
    @-o-keyframes img_hover_rotate {
        0%{  -o-transform: rotate(0deg);  }
        100% {  -o-transform: rotate(90deg);  }
    }
    @-ms-keyframes img_hover_rotate {
        0%{  -ms-transform: rotate(0deg);  }
        100%{  -ms-transform: rotate(90deg);  }
    }
    @-moz-keyframes img_hover_rotate {
        0%{  -moz-transform: rotate(0deg);  }
        100%{  -moz-transform: rotate(90deg);  }
    }
    @-khtml-keyframes img_hover_rotate {
        0%{  -khtml-transform: rotate(0deg);  }
        100%{  -khtml-transform: rotate(90deg);  }
    }
    @keyframes  img_hover_rotate{
        0%{  transform: rotate(0deg);  }
        100%{  transform: rotate(90deg);  }
    }

    /*弹层*/
    ul{
        margin: 0;
        list-style: none;
    }
    .modal_ul_first{
        padding: 0 0.606060606rem;
    }
    .modal_ul_first > li:not(:first-child){
        margin-top: 0.57575757rem;
    }
    .modal_ul_first > li > div{
        border-bottom: 1px solid #e6e6e6;
        padding: 0.4rem 0.3rem 0.4rem 0;
    }
    .modal_ul_first > li > div .pull-left{
        border-left: 3px solid #1CC7BD;
        padding-left: 10px;
        line-height: 1;
    }
    .modal_ul_first > li > div .pull-right img{
        vertical-align: -1px;
    }
    .modal_ul_second > li{
        padding: 0.3rem;
    }
    .modal_ul_second > li:not(:last-child){
        border-bottom: 1px dashed #e6e6e6;
    }
    .modal_ul_second > li:last-child{
        border-bottom: 1px solid #e6e6e6;
    }
    #edit_complain_post,
    #sure_post{
        background-color: #1CC7BD;
        color: #FFF;
        text-align: center;
        padding: 0.166666rem 0;
        width: 11.1%;
        border-radius: 3px;
        margin: 0.8787878787rem auto;
    }
    #edit_complain_post:hover,
    #sure_post:hover{
        cursor: pointer;
    }
    /*投诉类型管理*/
    #edit_complain_status .pull-left{
        position: relative;
        border: 1px solid #e6e6e6;
        border-radius: 20px;
        padding: 0.2rem 0.66666666rem;
        margin-left: 0.6060606rem;
        margin-top: 0.5rem;
    }
    #edit_complain_status .pull-left img{
        position: absolute;
        width: 12px;
        top: 0;
        right: 0;
    }
    #modal_add.pull-left{
        border: none;
        padding: 0;
        border-radius: 0;
    }
    #edit_complain_status #modal_add.pull-left img{
        position: static;
        width: 35px;
    }
    #edit_complain_status #modal_add.pull-left img:hover{
        cursor: pointer;
    }
    .complain_delete:hover{
        cursor: pointer;
    }

    /*适配*/
    @media (min-width: 1024px){
        /*18*/
        .define-nav .pull-left{
            font-size: 15px;
            margin-top: 3px;
        }
        .define-list-title img{
            top: 25%;
        }
        .modal-header img{
            top: 2.5%
        }
        #edit_complain_status .modal-header img{
            top: 4.5%
        }
        #edit_complain_status .pull-left img{
            width: 12px;
        }
        #edit_complain_status #modal_add.pull-left img{
            width: 29px;
        }
    }
    @media (min-width: 1100px) {
        /*20*/
        #edit_complain_status #modal_add.pull-left img{
            width: 30px;
        }
    }
    @media (min-width: 1280px) {
        /*22*/
        .define-nav .pull-left{
            font-size: 17px;
            margin-top: 3px;
        }
        .define-list-title img{
            top: 21%;
        }
        .modal-header img{
            top: 2.5%
        }
        #edit_complain_status .modal-header img{
            top: 4.5%
        }
        #edit_complain_status #modal_add.pull-left img{
            width: 30px;
        }
    }
    @media (min-width: 1366px) {
        /*24*/
        .define-nav .pull-left{
            font-size: 17px;
            margin-top: 3px;
        }
        .modal-header img{
            top: 3%
        }
        #edit_complain_status .modal-header img{
            top: 4.5%
        }
        #edit_complain_status .pull-left img{
            width: 14px;
        }
        #edit_complain_status #modal_add.pull-left img{
            width: 31px;
        }
    }
    @media (min-width: 1440px) {
        /*25*/
        .define-nav .pull-left{
            margin-top: 4px;
        }
        .modal-header img{
            top: 2.9%
        }
        #edit_complain_status .modal-header img{
            top: 4.5%
        }
        #edit_complain_status #modal_add.pull-left img{
            width: 32px;
        }
    }
    @media (min-width: 1680px) {
        /*28*/
        .define-nav .pull-left{
            font-size: 18px;
            margin-top: 5px;
        }
        .define-list-title img{
            top: 15%;
        }
        .modal-header img{
            top: 3.5%
        }
        #edit_complain_status .modal-header img{
            top: 5.5%
        }
        #edit_complain_status #modal_add.pull-left img{
            width: 33px;
        }
    }
    @media (min-width: 1920px) {
        /*33*/
        .define-nav .pull-left{
            font-size: 0.54rem;
            margin-top: 6px;
        }
        .define-list-title img{
            top: 12%;
        }
        #edit_complain_status .modal-header img{
            top: 5.5%
        }
        #edit_complain_status .pull-left img{
            width: 16px;
        }
        #edit_complain_status #modal_add.pull-left img{
            width: 35px;
        }
    }

</style>
<div class="define">
    <div class="define-nav clearfix">
        <div class="pull-left">患者投诉参数设置</div>
        <div class="pull-right"><img id="admin_edit_parameter" src="/statics/images/sever_edit_pame.png" alt=""></div>
    </div>

    <div style="overflow: auto">
        <!--投诉类型设定  开始-->
        <div class="define-list">
            <div class="define-list-title clearfix">
                <div class="pull-left">投诉类型设定</div>
                <img id="admin_complain_status" src="/statics/images/sever_status_complain.png" alt="">
            </div>
            <div class="define-list-content clearfix">
                <div class="pull-left">张三张三</div>
                <div class="pull-left">投诉类型设定</div>
                <div class="pull-left">投诉</div>
                <div class="pull-left">类型</div>
                <div class="pull-left">张三张三张三张三张三张三张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张三</div>
                <div class="pull-left">张三张三张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张</div>
            </div>
        </div>
        <!--投诉类型设定  结束-->

        <!--患者信息设定  开始-->
        <div class="define-list">
            <div class="define-list-title clearfix">
                <div class="pull-left">患者信息设定</div>
            </div>
            <div class="define-list-content clearfix">
                <div class="pull-left">张三张三</div>
                <div class="pull-left">投诉类型设定</div>
                <div class="pull-left">投诉</div>
                <div class="pull-left">类型</div>
                <div class="pull-left">张三张三张三张三张三张三张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张三</div>
                <div class="pull-left">张三张三张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
                <div class="pull-left">张三张三张</div>
            </div>
        </div>
        <!--患者信息设定  结束-->

        <!--投诉信息设定  开始-->
        <div class="define-list">
            <div class="define-list-title clearfix">
                <div class="pull-left">投诉信息设定</div>
            </div>
            <div class="define-list-content clearfix">
                <div class="pull-left">张三张三</div>
                <div class="pull-left">投诉类型设定</div>
                <div class="pull-left">投诉</div>
                <div class="pull-left">类型</div>
                <div class="pull-left">张三张三张三张三张三张三张三</div>
                <div class="pull-left">张三张三张三张三张三张</div>
            </div>
        </div>
        <!--投诉信息设定  结束-->

        <!--投诉人与患者关系  开始-->
        <div class="define-list">
            <div class="define-list-title clearfix">
                <div class="pull-left">投诉人与患者关系</div>
            </div>
            <div class="define-list-content clearfix">
                <div class="pull-left">张三张三</div>
                <div class="pull-left">投诉类型设定</div>
                <div class="pull-left">投诉</div>
                <div class="pull-left">类型</div>
                <div class="pull-left">张三张三张三张三张三张三张三</div>
            </div>
        </div>
        <!--投诉人与患者关系  结束-->

        <!--投诉结果设定  开始-->
        <div class="define-list">
            <div class="define-list-title clearfix">
                <div class="pull-left">投诉结果设定</div>
            </div>
            <div class="define-list-content clearfix">
                <div class="pull-left">张三张三</div>
                <div class="pull-left">投诉类型设定</div>
                <div class="pull-left">投诉</div>
            </div>
        </div>
        <!--投诉结果设定  结束-->
    </div>

</div>

<!--编辑弹层  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="edit_parameter_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">编辑</div>
            </div>
            <div class="modal-body">
                <ul class="modal_ul_first" id="modal_select">
                    <!--投诉类型设定-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">投诉类型设定</div>
                            <div class="pull-right define_select_all">全选 <img src="/statics/images/sever_select_all.png" alt=""></div>
                        </div>
                        <ul class="modal_ul_second">
                            <li class="clearfix">
                                <div class="pull-left">医疗质量</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">护理投诉</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">服务态度</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                        </ul>
                    </li>
                    <!--患者信息设定-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">患者信息设定</div>
                            <div class="pull-right define_select_all">全选 <img src="/statics/images/sever_select_all.png" alt=""></div>
                        </div>
                        <ul class="modal_ul_second">
                            <li class="clearfix">
                                <div class="pull-left">医疗质量</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">护理投诉</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">服务态度</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                        </ul>
                    </li>
                    <!--投诉信息设定-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">投诉信息设定</div>
                            <div class="pull-right define_select_all">全选 <img src="/statics/images/sever_select_all.png" alt=""></div>
                        </div>
                        <ul class="modal_ul_second">
                            <li class="clearfix">
                                <div class="pull-left">医疗质量</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">护理投诉</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">服务态度</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                        </ul>
                    </li>
                    <!--投诉人与患者关系-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">投诉人与患者关系</div>
                            <div class="pull-right define_select_all">全选 <img src="/statics/images/sever_select_all.png" alt=""></div>
                        </div>
                        <ul class="modal_ul_second">
                            <li class="clearfix">
                                <div class="pull-left">医疗质量</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">护理投诉</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">服务态度</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                        </ul>
                    </li>
                    <!--投诉结果设定-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">投诉结果设定</div>
                            <div class="pull-right define_select_all">全选 <img src="/statics/images/sever_select_all.png" alt=""></div>
                        </div>
                        <ul class="modal_ul_second">
                            <li class="clearfix">
                                <div class="pull-left">医疗质量</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">护理投诉</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li class="clearfix">
                                <div class="pull-left">服务态度</div>
                                <div class="pull-right"><img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div><div id="sure_post">提交</div></div>
            </div>
        </div>
    </div>
</div>
<!--编辑弹层  结束-->

<!--投诉类型管理弹层  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="edit_complain_status">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">投诉类型管理</div>
            </div>
            <div class="modal-body">
                <div class="clearfix">
                    <div class="pull-left">张三张三<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">投诉类型设定<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">李四<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">医院<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三张三张三张三张三张三张三<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">医院<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三张三张三<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三张三张三张三张三张<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三张三张三张三张三张<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三张三张<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">张三张三<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">投诉类型设定<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">李四<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left">医院<img class="complain_delete" src="/statics/images/sever_delete_parameter.png" alt=""></div>
                    <div class="pull-left" id="modal_add"><img src="/statics/images/sever_add_parameter.png" alt=""></div>
                </div>
                <div><div id="edit_complain_post">提交</div></div>
            </div>
        </div>
    </div>
</div>
<!--投诉类型管理弹层  结束-->


<script src="/statics/js/patient_parameter_management.js"></script>